
<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8"%>
<%@taglib prefix="mvc" uri="http://www.springframework.org/tags/form" %>
<%@taglib prefix="fmt" uri="http://www.springframework.org/tags" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE html>
<html>
<head lang="en">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>社会关系查询</title>
    <link rel="stylesheet" href="/lib/pagination/style/pagination.css">
    <link rel="stylesheet" href="/css/base/base.css?20201106.1">
    <link rel="stylesheet" href="/css/notice/noticeManagement.css">
    <script src="/js/common/language.js"></script>

    <script type="text/javascript" src="/js/jquery/jquery-1.9.1.js"></script>
    <script src="/js/jquery/jquery.cookie.js"></script>
    <script type="text/javascript" src="/js/base/tablePage.js"></script>
    <script src="/js/base/base.js"></script>
    <script src="/lib/laydate/laydate.js"></script>
    <script src="/lib/jquery.form.min.js"></script>
    <script src="/lib/pagination/js/jquery.pagination.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="/css/commonTheme/${sessionScope.InterfaceModel}/commonTheme.css"/>
    <style>
        table tbody td{
            text-align: left;
            padding: 10px;
            box-sizing: border-box;
        }
        table tbody td.color{
            padding:10px 10px 10px 50px;
        }
        input{
            float: none;
        }
        .editAndDelete3{
            color: red;
        }
        .color{
            font-size: 11pt;
            color: #2a588c;
            font-weight: bold;
        }
        table tbody td textarea{
            width: 229px;
            height: 34px;
            line-height: 34px;
            padding-left: 10px;
            outline: none;
            border-radius: 4px;
            vertical-align: middle;
            font-family:"Microsoft Yahei";
        }
        table tbody td a{
            vertical-align: middle;
            font-size: 11pt;
        }
        table tbody td select{
            width: 119px;
            height: 28px;
            border-radius: 4px;
        }
        table tbody td input[type=text]{
            width: 288px;
            height: 32px;
            border-radius: 4px;
            padding-left: 10px;
            box-sizing: border-box;
        }
        .btnsava{
            padding:5px 15px;
            border-radius: 4px;
            background: #2F8AE3;
            color: #fff;
        }
        .pagediv .page-bottom-outer-layer table td{
            text-align: left;
        }
        .delete_check{
            display: inline-block;
            width: 70px;
            height: 28px;
            position: relative;
            color: #ffffff;
            border-radius: 3px;
            background: #2b7fe0;
            text-align: center;
            line-height: 28px;
            margin-left: 20px;
        }
        .newClass{
            float: right;
            width: 90px;
            height: 28px;
            background: url(../../img/file/cabinet01.png) no-repeat;
            color: #fff;
            font-size: 14px;
            line-height: 28px;
            margin: 0 1% 0 0;
            cursor: pointer;
        }
        .bar {
            height: 18px;
            background: green;
        }
        /*table tr.borderNone{*/
        /*border:none;*/
        /*}*/
    </style>
    <script src="/js/socialRelations/socialRelationsQuery.js"></script>
</head>
<body>
<div class="navigation">
    <img src="/img/commonTheme/${sessionScope.InterfaceModel}/gonggaochaxun.png" alt="">
    <h2>社会关系查询</h2>
</div>
<div class="query">
    <div class="header"><fmt:message code="global.lang.inputquerycondition"/></div>
    <form id="ajaxform" action="">
        <input type="hidden" name="changeId" value="1">
        <input type="hidden" name="exportId" value="">
        <table style="width: 100%;    border: 1px solid #c0c0c0;
    border-top: none;">
            <tbody>
        <%--    <tr class="borderNone">
                <td width="30%" class="color">单位员工：</td>
                <td width="70%">
                    <textarea name="" placeholder="请选择单位员工" class="theControlData" readonly="readonly" id="staffRole" cols="30" rows="10"></textarea>
                    <a href="javascript:;" class="addroles">选择</a>
                    <a href="javascript:;" class="cleardate"><fmt:message code="global.lang.empty"/></a>
                    <input type="hidden" name="staffRole">
                </td>
            </tr>--%>
            <tr class="borderNone">
                <td width="30%" class="color">单位员工：</td>
                <td width="70%">
                    <textarea name="" placeholder="请选择单位员工" class="theControlData" readonly="readonly" id="staffRole" cols="30" rows="10"></textarea>
                    <a href="javascript:;" class="addroles">选择</a>
                    <a href="javascript:;" class="cleardate"><fmt:message code="global.lang.empty"/></a>
                    <input type="hidden" name="staffRole">
                </td>
            </tr>

            <tr class="borderNone">
                <td width="30%" class="color">成员姓名：</td>
                <td width="70%">
                    <input type="text" placeholder="请输入成员姓名" name="staffName">
                </td>
            </tr>

            <tr class="borderNone">
                <td width="30%" class="color">与本人关系：</td>
                <td width="70%">
                    <select name="relationship" id="relationship">
                     <%--   <option value=""><fmt:message code="hr.th.PleaseSelect" /></option>
                        <option>姐妹</option>
                        <option>姐弟</option>
                        <option>母子</option>
                        <option>兄弟</option>
                        <option>父子</option>
                        <option>兄妹</option>
                        <option>其他</option>--%>
                    </select>
                </td>
            </tr>

            <tr class="borderNone">
                <td width="30%" class="color">职业：</td>
                <td width="70%">
                    <input type="text" placeholder="请输入职业" name="occupation">
                </td>
            </tr>

            <tr class="borderNone">
                <td width="30%" class="color">工作单位：</td>
                <td width="70%">
                    <input type="text" placeholder="请输入工作单位" name="workCompany">
                </td>
            </tr>


            <tr class="borderNone">
                <td colspan="2" style="text-align: center">
                    <a href="javascript:;" class="btnsava" onclick="ajaxforms(1)"><fmt:message code="global.lang.query"/></a>
                    <a href="javascript:;" style="margin-left: 10px" class="btnsava"  onclick="ajaxforms(2)"><fmt:message code="global.lang.report"/></a>
                    <%--<a href="javascript:;" style="margin-left: 10px" class="btnsava"  onclick="ajaxforms(2)"><fmt:message code="global.lang.report"/></a>--%>
                    <%--<a href="javascript:;" style="margin-left: 10px" class="btnsava chongtian"  ><fmt:message code="global.lang.refillings"/></a>--%>
                </td>
            </tr>
            </tbody>
        </table>
    </form>
    <script>
        $(function () {
            $.ajax({  //填充与本人关系属性拉框
                type:'get',
                url:'/hr/manage/getHrCode',
                dataType:'json',
                data:{type:'relationship'},
                success:function(res){
                    if(res.flag) {
                        var lists = res.object;
                        var render = [];
                        render.push("<option value=''><fmt:message code='hr.th.PleaseSelect' /></option>")
                        for(var i=0;i<lists.length;i++){
                            render.push("<option value=\""+lists[i].codeNo+"\">"+lists[i].codeName+"</option>");
                        }
                        $("#relationship").html(render.join(""));
                    }

                }
            })
        })
    </script>
</div>
<div id="pagediv" style="visibility:hidden;">

</div>
</body>
</html>